<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <title>代理授权申请</title>
    <link rel="stylesheet" href="/css/Jingle.css?r=20151215">
    <link rel="stylesheet" href="/css/app1.css">
    <!-- lib -->
    <script type="text/javascript" src="/static/js/jquery-1.8.3.min.js"></script>


    <script type="text/javascript" src="/js/alertify.js"></script>
    <script type="text/javascript" src="/js/d3.min.js"></script>
    <script type="text/javascript" src="/js/c3.min.js"></script>
    <script src="/js/fkscrollrefresh.js"></script>

    <title>邀请注册</title></head>
<body>

<div id="aside_container">
</div>
<div id="section_container">
    <section id="index_section" class="active">

        <style>
            .imageFrame {
                width: 130px;
                margin: 10px;
                border: 6px solid rgba(200, 200, 200, 0.2);
                background: rgba(200, 200, 200, 0.1);
                display: block;
                float: left;
            }

            .imageFrame input {
                position: absolute;
                top: 0;
                left: 0;
                border: 0;
                background: none;

            }

            .imageFrame p {
                margin: 0;
                padding: 0;
                border: 0;
                background: rgba(255, 255, 255, 0.4);
                width: 100%;

                text-align: center;
                font-size: 14px;
                color: rgba(0, 0, 0, 0.3);
            }

            .imageFrame input[type="file"] {
                opacity: 0;
            }

            .imageFrame input[type="image"] {
                opacity: 0;
            }

            .imageFrame img {
                width: 100%;
                max-height: 230px;

                display: block;
            }

            #mcover {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.7);
                display: none;
                z-index: 20000;
            }

            #mcover img {
                position: fixed;
                right: 18px;
                top: 5px;
                width: 260px;
                height: 180px;
                z-index: 20001;
            }
        </style>

        <header>
            <nav class="left">
                <a href="{{urlHome('index','getIndex')}}" data-icon="previous" data-target="back" style="color:#ffffff;"><img src="/image/backn.png">返回</a>
            </nav>
            <h1 class="title" style="color:#ffffff;background: #000;">代理授权申请 </h1>
            <nav class="right">
                <a data-target="section" data-icon="info" href="#" id="manualBtn"> </a></nav>

        </header>

        <div id="mcover" onclick="document.getElementById('mcover').style.display='';"><img src="/image/guide.png">
        </div>

        <div id="codelListArea">
            <div class="weinxPlane">

                <li style="line-height:60px;">此页面为邀请【<font color="#ff00ff">{{$lev['lev_name']}}</font>】的链接，请将此页面分享给您的朋友！
                </li>


                <input type="button" name="btnlogin" value="点击分享" id="btnSubmit" class="button block"
                       required="required" style="background-color: rgb(0, 0, 0);"
                       onclick="document.getElementById('mcover').style.display='block';">
            </div>
        </div>

        <div style="height: 60px;">

        </div>


    </section>

</div>
<?php

use App\Support\Wechat\Js;

$appId  = 'wx25b984a617377a39';
$secret = 'd22c7cf9f6d2a2654540c18c7c3337eb';

$js = Js::getInstance($appId,$secret);
?>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    wx.config(<?php echo $js->config(array('onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'showMenuItems'), false, false) ?>);
    //分享朋友圈
    var url = "http://"+window.location.host+"/{!!$url  !!}";
    var title = '代理授权申请';
    wx.ready(function(){

        var share = {
            title: title, // 分享标题
            desc: '', // 分享描述
            link: "http://"+window.location.host+"/{!!$url  !!}", // 分享链接
            imgUrl: '', // 分享图标
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function () {

            }
        };
        var sharePy = {
            title: title, // 分享标题
            link: "http://"+window.location.host+"/{!!$url  !!}", // 分享链接
            imgUrl: '', // 分享图标
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function () {

            }
        };
        wx.onMenuShareTimeline(share);
        wx.onMenuShareAppMessage(sharePy);
        wx.showMenuItems({
            menuList: ["menuItem:share:timeline", "menuItem:share:appMessage"] // 要显示的菜单项，所有menu项见附录3
//            menuList: ["menuItem:share:timeline"]
        });
    });
</script>

</body>
</html>